
<!--
/**************************************************
* @ ordersubmitdetailmanuf.jsp
*
* Copyright   2005 Hitrust Technology Inc.
* Developed by SDC, Hitrust.
* All Rights Reserved.
*
* Modify History:
*  v1.00, 2006/02/14, Jenny Li
*  1) first release
/**************************************************
-->
<%@ page contentType="text/html; charset=UTF-8"%>
<%@ include file="../../../common.jsp"%>

<html>
<head>
<title>产品详细信息</title>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<!--<LINK href="<%=root%>/css/css.css" type=text/css rel=stylesheet>-->
<LINK href="<%=root%>/css/caigouxitong.css" " type=text/css
	rel=stylesheet>
<SCRIPT language="JavaScript" src="<%=root%>/js/common.js"></SCRIPT>

<script src="<%=root%>/js/pic/jquery.js" type="text/javascript"></script>
<script src="<%=root%>/js/pic/jqzoom.pack.1.0.1.js"
	type="text/javascript"></script>
<script src="<%=root%>/js/pic/jquery.jcarousel.pack.js"
	type="text/javascript"></script>
<link rel="stylesheet" type="text/css"
	href="<%=root%>/js/pic/jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css"
	href="<%=root%>/css/skins/tango/skin.css" />
<link rel="stylesheet" type="text/css" href="<%=root%>/css/jqzoom.css" />

<style type = "text/css">
* {margin:0; padding:0;}
body {font-size:12px;}
ul {list-style:none;}
#pro_view {margin:12px;width:780px;}
#pro_infor {height:260px;}
#image_box {float:left;width:350px;height:251px;}
#image_box img {border:1px solid #ccc;width:335px;height:251px;}
#pro_baseinfo {float:left; width:400px;height:251px;}
#image_list {clear:both;height:50px;}
#image_list img {width:50px;height:38px; border:1px solid #ccc; padding:2px;cursor:pointer;}
</style>

<script language="JavaScript">
$(function() {

    // 放大镜
    var options =
    {
        zoomWidth: 350,
        zoomHeight: 250,
        showEffect:'show',
        hideEffect:'fadeout',
        fadeoutSpeed: 'slow',
        title :false
    }
    $(".jqzoom").jqzoom(options);

    // 图片左右滚动
    $('#image_list').jcarousel();

    // 点击小图更换大图
    $('#image_list img:only-child').click(function(){
        $('#current_img').attr('src', this.src);
        // 大图的命名方式为 小图 + 下划线
        $('#current_img').parent().attr('href', this.alt);
    });
});
</script>
<%
	GSManufactureBean tGSManufactureBean = (GSManufactureBean) request
			.getAttribute("manufacturedetail");

	String code = GSBaseManager
			.getFirstPictureHtmlCode(tGSManufactureBean
					.getGs_concentricity());
	String codeAll = GSBaseManager
			.getPictureHtmlCode(tGSManufactureBean
					.getGs_concentricity());
%>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form name="manufacturedetailform" method="post">
<p><br>
</p>
<table width="98%" border="0" cellspacing="0" cellpadding="0"
	align="center">
	<tr>
		<td width="100%" height="20">
		<table width="100%" border="0" cellspacing="0" cellpadding="1">
			<tr height="20">
				<td height="30" width="758" class="mtxt_black">产品详细信息</td>
			</tr>
		</table>
		</td>
	</tr>
	<tr>
		<td class="bg_line" height="2"></td>
	</tr>
</table>
<br>
<table width="98%" border="0" cellspacing="0" cellpadding="0"
	align="center">
	<tr>
		<td>
		<table class=bg_table id=tableId cellspacing=1 cellpadding=0
			style="padding-left: 5; padding-right: 5" width=100% align=center
			border=0>
			<TR height=30>
				<TD class="bg_column" align=center width="20%">集中编码</TD>
				<TD align=left class="bg_row_odd" width="30%"><%=tGSManufactureBean.getGs_concentricity()%></TD>
				<TD class="bg_column" align=center width="20%">名称</TD>
				<TD align=left class="bg_row_odd" width="30%"><%=tGSManufactureBean.getGs_manufacture_name()%></TD>
			</TR>
			<tr height=30>
				<TD class="bg_column" align=center>型号</TD>
				<TD left=right class="bg_row_odd"><%=tGSManufactureBean.getGs_manufacture_type()%>
				</TD>
				<TD class="bg_column" align=center>规格</TD>
				<TD left=right class="bg_row_odd"><%=tGSManufactureBean.getGs_manufacture_spec()%>
				</TD>
			</TR>
			<TR height=30>
				<TD class="bg_column" align=center>品牌</TD>
				<TD left=right class="bg_row_odd"><%=tGSManufactureBean.getGs_manufacture_brand()%>
				</TD>
				<TD class="bg_column" align=center>数量单位</TD>
				<TD left=right class="bg_row_odd"><%=tGSManufactureBean.getGs_quant_unit()%>
				</TD>
			</TR>
			<TR height=30>
				<TD class="bg_column" align=center>产地</TD>
				<TD left=right class="bg_row_odd"><%=tGSManufactureBean.getGs_make_area()%>
				</TD>
				<TD class="bg_column" align=center>生产厂商</TD>
				<TD left=right class="bg_row_odd"><%=tGSManufactureBean.getGs_manufacturer_name()%>
				</TD>
			</TR>
			<TR height=30>
				<TD class="bg_column" align=center>附加属性</TD>
				<TD left=right class="bg_row_odd" colspan="3"><%=tGSManufactureBean.getGs_appender_property()%>
				</TD>
			</TR>
			<TR height=30>
				<TD class="bg_column" align=center>备注</TD>
				<TD left=right class="bg_row_odd" colspan="3"><%=tGSManufactureBean.getGs_remark()%>
				</TD>
			</TR>
			<TR height=30>
				<TD class="bg_column" align=center>产品图片</TD>
				<TD left=right class="bg_row_odd" colspan="3">
				<div id="pro_view">
				<div id="pro_infor">
				<div id="image_box"><%=code%></div>

				</div>
				<%
					if (!"".equals(codeAll)) {
				%>
				<ul id="image_list" class="jcarousel-skin-tango">
					<%=codeAll%>
				</ul>
				<%
					}
				%>
				</div>
				</TD>
			</TR>
		</table>
		</td>
	</tr>
</table>
</form>
<p align="center"><!--				<input type="image" src="images/button/guanbi.gif" width="58" height="24" class="box" onclick="window.close();">			-->
<input type="button" class="kuang" value="关闭" onclick="window.close();">
</p>
</body>
</html>